/* 新闻页CSS */

/* 内容新闻动态 */
.banner{
  width: 70%;
  margin: 0 auto;
}
.banner h2{
  font-size: 1.5rem;
  color: #ff6b08;
  font-family: '黑体';
  line-height: 5.5rem;
}
.banner ul{
  width: 100%;
}
.banner ul li{
  float: left;
  width: 30%;
  margin-right: 1.6rem;
  position: relative;
  margin-bottom: 4.3rem;
}
.banner ul li:nth-child(3){
  margin-right: 0;
}
.banner ul li img{
  width: 100%;
  display: block;
  border:  1px solid #ddd;
  border-radius: 5px;
}
.banner ul li:hover img{
  opacity: .8;
}
.banner ul li a{
  width: 100%;
  height: 2rem;
  position: absolute;
  bottom: 0;
  background-color: black;
  opacity: .7;
}
.banner ul li a:hover{
  opacity: .8;
}
.banner ul li a:hover p{
  color: #ff6900;
}
.banner ul li a p{
  color: white;
  font-size: .7rem;
  line-height: 2rem;
  text-align: center;
}

.content{
  width: 70%;
  margin: 0 auto;
}
.content ul{
  width: 100%;
}
.content ul li{
  width: 100%;
}
.content ul li .img{
  width: 22%;
  float: left;
  margin-right: 1.4rem;
  margin-bottom: 3rem;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.content ul li .img:hover{
  background-color: skyblue;
}
.content ul li .img img{
  display: block;
  width: 95.5%;
  margin: 0 auto;
  padding: 4px;
}
.content ul li .con{
  float: left;
  width: 74%;
}
.content ul li .con h3{
  font-size: .9rem;
  font-weight: normal;
}
.content ul li .con h3 a{
  color: #666;
}
.content ul li .con h3:hover a{
  color: #ff6900;
}
.content ul li .con .time{
  font-size: .7rem;
  line-height: 2.6rem;
  color: #2a2a2a;
}
.content ul li .con .text{
  font-size: .7rem;
  line-height: 1.4rem;
  color: #2a2a2a;
}
.content ul li .con .detail{
  display: block;
  float: right;
  width: 4.8rem;
  height: 1.6rem;
  font-size: .7rem;
  text-align: center;
  color:#ff6900;
  line-height: 1.6rem;
  border: 1px solid #ff6900;
  border-radius: 0.8rem;
}
.content ul li .con .detail:hover{
  background-color: #ff6900;
  color: white;
}
.content .bottom{
  width: 98%;
  height: 4.6rem;
  margin: 0 auto;
  border-top: 1px dashed #999;
  margin-top: 3rem;
}
.content .bottom .all{
  width: 16.5rem;
  height: 1.5rem;
  /* border: 1px solid red; */
  margin: 0 auto;
  margin-top: 1.7rem;
}
.content .bottom .all .tiao{
  width: 2.5rem;
  height: 100%;
  font-size: .6rem;
  line-height: 1.5rem;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 5px 0 0 5px;
  float: left;
}
.content .bottom .all .pre{
  width: 3rem;
  height: 100%;
  font-size: .6rem;
  line-height: 1.5rem;
  text-align: center;
  border: 1px solid #ddd;
  float: left;
}
.content .bottom .all a{
  color: black;
  display: block;
  width: 100%;
  height: 100%;
}
.content .bottom .all .num{
  width: 1.5rem;
  height: 100%;
  font-size: .6rem;
  line-height: 1.5rem;
  text-align: center;
  border: 1px solid #ddd;
  float: left;
}
.content .bottom .all a:hover,
.content .bottom .all .num:first-of-type{
  background-color:  #e34637;
}
.content .bottom .all .next{
  width: 3rem;
  height: 100%;
  font-size: .6rem;
  line-height: 1.5rem;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 0 5px 5px 0;
  float: left;
}